<head>
    <style>[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
        display: none !important;
    }

    ng\:form {
        display: block;
    }</style>
</head>
<aside class="main-sidebar" ng-controller="LeftController" ng-cloak>

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

        <!-- Sidebar user panel (optional) -->
        <div class="user-panel">

            <div class="pull-left info" style="height: 20px;">
                <div id="userName"></div>

            </div>
        </div>

        <ul class="sidebar-menu">
            <li class="header"></li>
            <!-- Optionally, you can add icons to the links -->
            <li class="treeview"   id="a01">
                <a href=""><i  class="fa fa-sitemap"></i> <span>{{'AGENT_MANAGER' | translate}}</span>
                    <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                </a>
                <ul class="treeview-menu">
                    <li id="a01d01" ><a href="#A01D01"><i class="fa fa-search"></i> {{'AGENT_SELECT' | translate}}</a></li>
                    <li id="a01d02"><a href="#A01D02"><i class="fa fa-bank"></i> {{'AGENT_ADD' | translate}}</a></li>
                </ul>
            </li>


        </ul>
        <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
</aside>